@import url(http://fonts.googleapis.com/css?family=Ubuntu);

body {
	font-size: 100%;
	font-family: 'Ubuntu', sans-serif;	
	/*background: url(filme_bombril.jpg) no-repeat;*/
	
	background-size:100%;
	overflow-y: hidden;
}

.botao{
	width: 20px;
	height: 20px;
	position: relative;
	top:346px;
	
	
}
.botaoInt{
	width: 20px;
	height: 20px;
	top:346px;
	float:right;
	position: relative;
	z-index: 10;
	
}
#menuEstreito{
	width: 20px;
	height: 620px;
	padding: 0;
	
	
}

#apoio{
	width: 334px;
	position: relative;
	top:10px;
	height: 597px;
	background: #ffffff;
	
	
}

#apoio h1{
	font-size: 1.0em;
	text-align: center;
	
}
#apoio ul{
	
	width: 320px;
	height: 543px;
	padding: 0;
	margin:0 auto;
	top:10px;
	position: relative;
	font-size: 0.95em;

}

#apoio li{
	width:290px;
	height: 35px;
	padding: 0;
	margin: 6px auto;
	list-style: none;
	background: #A5CAD8;
	text-align: center;
	
}

#apoio a{
	text-decoration: none;
	color: Black;
}

.liCentral{
	position: relative;
	top:9px;
	
}



#apoioMenu{
	width: 334px;
	position: absolute;
	height: 620px;
	z-index: 10;
	
	
}

header{
	
	width:1320px;
	height: 627px;
	padding: 0;
	margin: 0 auto;

	
	}
.coluna1{
	
	width: 320px;
	height: 617px;
	position: absolute;
	left:29px;
	top:13px;
	
}
.coluna1 h1{
	font-size: 1.5em;
	text-align: center;
	position: relative;
	
}

.coluna1 ul{
	position: relative;
	padding: 0;
	margin:0 auto;
	height: 477px;
	
	
}
.coluna1 li{
	
	list-style: none;
	width: 280px;
	height: 150px;
	background-color: #ADD8C7;
	margin: 10px auto;
	position: relative;
	border-bottom: solid 1px #B4B2B2;
	
	
}
.coluna1 li h1{
	top:26px;
	font-size: 1.8em;
	text-align: center;
	position: relative;
	color: blue;
	
}
.coluna1 li p{
	top:2px;
	color: black;
	font-size: 2.2em;
	text-align: center;
	position: relative;
	
}

.coluna2{
	
	width: 1320px;
	height: 617px;
	position: absolute;
	left:30px;
	top:13px;
	
}

.coluna2 h1{
	font-size: 1.5em;
	text-align: center;
	position: relative;
	padding: 10px;
	background:  #DFDCDC;
	
	
}
.coluna2 h2{
	font-size: 1.2em;
	text-align: center;
	position: relative;
}

.coluna2 .col1{
	width: 184px;
	position:absolute;
	height: 450px;
/*	background: #9DE0AD;*/
	
	
}
.col1 ul{
	width: auto;
	padding: 0;
	
}
.col1 li{
	list-style: none;
	font-size: 1.8em;
	height: 50px;
	text-align: center;
	border-bottom: solid 1px #B4B2B2;
	
	
}
.col1 li p{
	padding: 8px;
	
	
}

.coluna2 .col2{
	width: 184px;
	position:absolute;
	height: 450px;
	left:184px;
/*	background: #9DE0AD;*/
}

.col2 ul{
	width: auto;
	padding: 0;
	
}
.col2 li{
	list-style: none;
	font-size: 1.8em;
	height: 50px;
	text-align: center;
	border-bottom: solid 1px #B4B2B2;
	
}
.col2 li p{
	padding: 8px;
	
	
}
.coluna2 .col3{
	width: 184px;
	position:absolute;
	height: 450px;
	left:368px;
/*	background: #9DE0AD;*/
	
}
.col3 ul{
	width: auto;
	padding: 0;
	
}
.col3 li{
	list-style: none;
	font-size: 1.8em;
	height: 50px;
	text-align: center;
	border-bottom: solid 1px #B4B2B2;
	
}
.col3 li p{
	padding: 8px;
	
	
}
.coluna2 .col4{
	width: 184px;
	position:absolute;
	height: 450px;
	left:552px;
/*	background: #9DE0AD;*/
	
}
.col4 ul{
	width: auto;
	padding:0;
	
}
.col4 li{
	list-style: none;
	height: 50px;
	text-align:center;
	color: #ffffff;
	border-bottom: solid 1px #B4B2B2;
	
}

.col4 p{
	padding: 11px;
	font-size: 1.5em;
	
}


.coluna2 .col5{
	width: 184px;
	position:absolute;
	height: 450px;
	left:736px;
/*	background: #9DE0AD;*/
	
}
.col5 ul{
	width: auto;
	padding: 0;
	
}
.col5 li{
	list-style: none;
	font-size: 1.8em;
	height: 50px;
	text-align: center;
	border-bottom: solid 1px #B4B2B2;
	
}

.col5 li p{
	padding: 8px;
	
	
}
.coluna2 .col6{
	width: 184px;
	position:absolute;
	height: 450px;
	left:920px;
/*	background: #9DE0AD;*/
	
}
.col6 ul{
	width: auto;
	padding: 0;
	
}
.col6 li{
	list-style: none;
	font-size: 1.8em;
	height: 50px;
	text-align: center;
	border-bottom: solid 1px #B4B2B2;
}

.coluna2 .col7{
	width: 184px;
	position:absolute;
	height: 450px;
	left:1104px;
/*	background: #9DE0AD;*/
	
}

.col6 li p{
	padding: 8px;
	
	
}
.col7 ul{
	width: auto;
	padding: 0;
	
}
.col7 li{
	list-style: none;
	height: 50px;
	text-align: center;
	color: #ffffff;
	border-bottom: solid 1px #B4B2B2;
	
}

.col7 p{
	padding:11px;
	font-size: 1.5em;
	
}



.coluna2 .col8{
	width: 350px;
	position:absolute;
	height: 527px;
	left:968px;
	
}

.coluna2  .sup{
	width: 1320px;
	position:relative;
	height: 63px;
		
}
.coluna2  .sup #titulo{
	width: 660px;
	position:absolute;
	height: 30px;
	padding:0;
	margin:0 auto;
	top:17px;
	
		
}
.coluna2 .col4 .inf{
	width:402px;
	height:328px;
	padding:0;
	position:relative;
	top:200px;
	margin:0 auto;	
}

.coluna2 .totais{
	width: 499px;
	position:absolute;
	height: 70px;
	top:546px;
	background: #9DE0AD;
	
}
.totais #tex{
	
	width: 160px;
	position:absolute;
	height:70px;
	
}
.totais #prod{
	
	width: 160px;
	position:absolute;
	height:70px;
	left: 339px;
		
}
.totais #prev{
	
	width: 160px;
	position:absolute;
	height:70px;
	left:170px;
		
}
.totais #produzido{
	
	width: 160px;
	position:absolute;
	height:70px;
	left: 339px;
		
}

#produzido{
	width: 230px;
	height: 173px;
	background: #E5FCC2;
	position: absolute;
}
#previsto{
	width: 230px;
	height: 173px;
	background: #E5FCC2;
	position: absolute;
	left:240px;
}

#total{
	font-size: 1.8em;
	color: blue;
}
#total1{
	font-size: 1.8em;
	color: blue;
}
#tota2{
	font-size: 1.8em;
	color: blue;
}

#totalP{
	font-size: 1.8em;
	color: blue;
}